<template>
  <div class="demo">
    <h2 @click="showName">学生姓名：{{name}}</h2>
    <h2>学生年龄：{{age}}</h2>
    <!-- 测试在插件plugins中定义的全局指令和mixin混入 -->
    <input v-allfbind:value="x" type="text"/>
    <!-- 两种方式可以调用在Vue原型添加的hello方法 -->
    <button @click="hello">点我hello</button>
    <button @click="testHello">点我hello</button>
  </div>
</template>

<script>
export default {
    name:'Student',
    data() {
        return {
            name:'张三',
            age:18
        }
    },
    methods:{
      showName(){
        alert(111111111) // 和混合中的方法冲突，以自身的为准
      },
      testHello(){
        this.hello()
      }
    },
    mounted() {
      console.log('自身的mounted。。。')
    },
}
</script>

<style>
.demo{
    background-color: orange;
}
</style>